@font-face{
    font-family: 'Nevis';
    src: url('fonts/nevis.ttf');
}

 
body, html{
    -webkit-font-smoothing: antialiased;
    font-family: Myriad, Arial, sans-serif;
    padding: 0;
    margin: 0;

    height: 100%;
       
    background: #7db9e8; /* Old browsers */
    background: -moz-linear-gradient(top,  #1e5799 0%, #7db9e8 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #1e5799 0%,#7db9e8 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #1e5799 0%,#7db9e8 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #1e5799 0%,#7db9e8 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #1e5799 0%,#7db9e8 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */
    
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.centered{
    text-align: center;
}

div#body{
    height: 100%;
    display: none;
}

a:visited, a:link, a:active, a:hover{
    color: inherit;
    text-decoration: inherit;
}

#menuBar, #menuBarNojs, #menu{
    font-family: Nevis, Myriad, Arial, sans-serif;
    height: 50px;
}

.push{
   height: 60px;
}

#mainContent, #mainContentNojs{
    padding: 5px 5px 5px;
}

.menuItem:hover .menuList{
    top: 49px;
}

#menuBar, #menuBarNojs{
    position: fixed;
    top: 0;
    width: 100%;
    overflow: hidden;
    z-index: 999;

}

.wrap{
    width: 1000px;
    min-height: 100%;
    margin: 0 auto;
    -webkit-box-shadow:  0px 0px 10px 0px rgba(0, 0, 0, 0.5);
    box-shadow:  0px 0px 10px 0px rgba(0, 0, 0, 0.5);
}

#page, #pageNojs{
    width: 1000px;
    background: #fcfcfc;
    text-align: center;
}

#mainContent, #mainContentNojs{
    min-height: 100%;
    font-family: Myriad, Arial, sans-serif;
    font-size: 20px;
    text-align: left;
    margin: 0 auto;
    display: inline-block;
    max-width: 100%;
}

#mainContentNojs{
    text-align: center;
}

#mainContent h1, #mainContent h2, #mainContent h3, #mainContentNojs h1{
    font-family: Nevis, Myriad, Arial, sans-serif;
    margin: 5px 0;
}

#basicContent{
    background: #fcfcfc;
    min-height: 100%
}

#menu{
    
    
    background-image: linear-gradient(bottom, rgb(46,103,169) 10%, rgb(80,139,207) 49%);
    background-image: -o-linear-gradient(bottom, rgb(46,103,169) 10%, rgb(80,139,207) 49%);
    background-image: -moz-linear-gradient(bottom, rgb(46,103,169) 10%, rgb(80,139,207) 49%);
    background-image: -webkit-linear-gradient(bottom, rgb(46,103,169) 10%, rgb(80,139,207) 49%);
    background-image: -ms-linear-gradient(bottom, rgb(46,103,169) 10%, rgb(80,139,207) 49%);

    background-image: -webkit-gradient(
            linear,
            left bottom,
            left top,
            color-stop(0.1, rgb(46,103,169)),
            color-stop(0.49, rgb(80,139,207))
    );
    
    
    /*height: 70px;*/
    
    padding: 0;
    margin: 0;
    list-style: none;

    /*ie hack (can't show box)*/
    display: inline-block\9;

    display: -moz-box;
    display: -webkit-box;
    display: box;
}

#menu .menuItem{
    height: 100%;

    /*ie hack (can't show box)*/
    display: inline-block\9;
    padding: 15px 7px\9;
    float:left\9;

    /*This spaces the menu buttons equally apart*/
    -moz-box-flex: 1;
    -webkit-box-flex: 1;
    box-flex: 1;

    text-align: center;
    color: #ffffff;

    border-right: 1px solid rgba(0,0,0,0.5);

    cursor: pointer;
}

#menu .menuItem:last-child{
    border-right: none;
    width: 130px\9;
}

#menu .menuItem > a{
    height: 100%;
    width: 100%;
    display: -webkit-box;
    -webkit-box-align: center;
    -webkit-box-pack: center;

    font-size: 32px;
    cursor: pointer;

    text-shadow: 2px 2px 5px rgba(0,0,0,0.3);
    filter: dropshadow(color=rgba(0,0,0,0.3), offx=2, offy=2);
}

#menu .menuItem:hover a{
    color: black;
    text-shadow: none;
    filter: none;
}

#menu .menuItem#logo{
    width: 0px;
}
#menulogo{
    width: 45px;
    height: 45px;
    background-image: url('ui/menulogo.png');
    background-size: 45px;
    border: none;
    margin: 0;
}

#menu .menuItem#logo:hover #menulogo{
    background-position-y: 100%;
}

.menuList{
    top: -99999px;
    width: 200px;
    width: match-parent;
    overflow: hidden;
    position: fixed;
    opacity: 0;
    list-style: none;
    
    border: 1px solid #c6c6c6\9;
    border-top: none\9;
}

.menuItem:hover{
    background: #f9f9fa;
    color: black;
    box-shadow: inset 0 -1px -1px 0 #d5d5d5,
        0px 3px 5px 0px rgba(0, 0, 0, 0.3);
}


.menuItem:hover .menuList{
    opacity: 1;
    background: #f9f9fa;
    height: auto;
    color: black;

    overflow: hidden;

    padding: 0;
    margin: 0;

    box-shadow:  inset 0 -1px -1px 0 #d5d5d5,
        0px 3px 5px 0px rgba(0, 0, 0, 0.3);

/*        width: 200px;*/
}

.menuList li{
    margin: 0;
    -webkit-transition: background .1s ease-in-out;
    text-align: left;
    font-family: Myriad, Arial, sans-serif;
    font-weight: normal;
    font-size: 16px;
    border-bottom: 1px rgba(0,0,0,0.1) groove;
}


.menuList li a{
    display: block;    
    padding: 7px 10px;
    height: 100%;
}


.menuList li:hover{
    background: rgba(166,166,166,0.4);
}

.button {
	-moz-box-shadow:inset 0px 1px 0px 0px #93c2f5;
	-webkit-box-shadow:inset 0px 1px 0px 0px #93c2f5;
	box-shadow:inset 0px 1px 0px 0px #93c2f5;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #2e67a9), color-stop(1, #508bcf) );
	background:-moz-linear-gradient( center top, #2e67a9 5%, #508bcf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2e67a9', endColorstr='#508bcf');
	background-color:#2e67a9;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #326ba8;
	display:inline-block;
	font-family:Verdana;
	font-size:15px;
	font-weight:normal;
	padding:3px 12px;
	text-decoration:none;
	text-shadow:1px 1px 0px #528ecc;
}
.button, .button:link,.button:visited,.button:hover{
    color:#ffffff;
}

.button:hover {
        background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #5794d4), color-stop(1, #447fc2) );
	background:-moz-linear-gradient( center top, #5794d4 5%, #447fc2 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5794d4', endColorstr='#447fc2');
	background-color:#5794d4;
        cursor: pointer;
        color:#ffffff;
}.button:active {
        box-shadow:inset 1px 1px 1px 1px #3b5b7d;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #47709e), color-stop(1, #35567a) );
	background:-moz-linear-gradient( center top, #47709e 5%, #35567a 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#47709e', endColorstr='#35567a');
	background-color:#47709e;
	color:#c4c4c4;
}

/* This imageless css button was generated by CSSButtonGenerator.com */

.buttonLight {
	-moz-box-shadow:inset 0px 1px 0px 0px #dcecfb;
	-webkit-box-shadow:inset 0px 1px 0px 0px #dcecfb;
	box-shadow:inset 0px 1px 0px 0px #dcecfb;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #91c4f7), color-stop(1, #80b5ea) );
	background:-moz-linear-gradient( center top, #91c4f7 5%, #80b5ea 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#91c4f7', endColorstr='#80b5ea');
	background-color:#91c4f7;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #84bbf3;
	display:inline-block;
	font-family:Verdana;
	font-size:15px;
	font-weight:normal;
	padding:3px 12px;
	text-decoration:none;
	text-shadow:1px 1px 0px #528ecc;
}
.buttonLight, .buttonLight:link,.buttonLight:visited,.buttonLight:hover{
    color:#ffffff;
}
.buttonLight:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #80b5ea), color-stop(1, #91c4f7) );
	background:-moz-linear-gradient( center top, #80b5ea 5%, #91c4f7 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80b5ea', endColorstr='#91c4f7');
	background-color:#80b5ea;
        cursor: pointer;
}.buttonLight:active {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #5aa8f5), color-stop(1, #4a95e0) );
	background:-moz-linear-gradient( center top, #5aa8f5 5%, #4a95e0 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5aa8f5', endColorstr='#4a95e0');
	background-color:#5aa8f5;
	color:#c2d7ed;
}
/* This imageless css button was generated by CSSButtonGenerator.com */


#datePickerText{
    width: 250px;
    opacity: 0;
    cursor:default;
    height: 0;
    font-size: 1px;
    margin:0;
    padding:0;
    position: absolute;
}

#date_next{
    background-image: url(ui/dateNext.png);
    height: 60px;
    width: 40px;
    margin: 0;
    padding: 0;
    border: none;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
}

#date_prev{
    background-image: url(ui/datePrev.png);
    height: 60px;
    width: 40px;
    margin: 0;
    padding: 0;
    border: none;
    cursor: pointer;
    position: absolute;
    left: 0;
    top: 0;
}

#date_next:hover{
    background-position-y: 60px;
}

#date_prev:hover{
    background-position-y: 60px;
}

#datepicker_center{
    width: 100%;
    position: absolute;
}

#feedback_head{
    height: 100px;
    width: 100%;
    margin: 0;
    padding: 0;
    position: relative;
    text-align: center;
}

#datePicker{
    border: 2px solid #CECECF;
    background: #fafafa;
    
    
    margin: 0;
    font-size: 30px;
    padding: 10px 30px;
    
    -moz-border-radius:15px;
    -webkit-border-radius:15px;
    border-radius:15px;
    
}
#datePicker:hover{
    color: #424242;
    border: 2px solid #CECECF;
    box-shadow: 0 0 10px 2px #ccc;
    cursor: pointer;
}

#datePicker:active{
    color: #1e3964;
    box-shadow: inset 0 0 10px 2px #ccc;
    cursor: pointer;
}

#datePickerHelp{
    color: #CECECF;
    font-size: 14px;
    margin: 5px 0 1px;
    padding: 5px;
    font-style: italic;
    font-weight: bold;
}

#datePicker:hover ~#datePickerHelp{
    color: #c5c5c5;
    font-weight: bold;
    text-shadow:0 0 7px #d7d7d7;
}

.form_section{
    padding: 10px;
    margin: 10px 0;
    border: #cececf 1px solid;
    border-radius: 5px;
}

.highlighted{
    border: #e9a4a4 1px solid;
    background: rgba(255,0,0,0.1);
}

.form_section .title{
    font-size: 14px;
    margin-bottom: 5px;
}

.form_section .title .subtitle{
    color: #c2c1c1;
}

.form_section .warning_section{
    padding: 5px 0 0;
    font-size: 14px;
    font-style: italic;
    color: #b83a3a;
}

.form_section .input_field{
    font-size: 16px;
    padding: 2px;
    width: 296px;
    color: #3c3c3c;
}

#meal_title{
    font-size: 20px;
}

#meal_description{
    width: 300px;
    max-width: 300px;
    height: 80px;
    color: #666;
    border: #cececf 1px solid;
    border-radius: 5px;
    padding: 3px;
    font-size: 14px;
    font-style: italic;
    font-family: Myriad, Arial, sans-serif;
}

#button_section{
    text-align: right;
    border: none;
    margin: 0;
    padding: 0;
}

.form_section select{
    width: 300px;
    margin: 2px;
}

.left{
    float: left;
}

.right{
    float: right;
    width: 400px;
    margin: 0 0 0 30px;
    overflow: wrap;
}

.largeButton{
    padding: 20px 0;
    text-align: center;
    width: 400px;
    font-size: 30px;
    margin-top: 10px;
    margin-bottom: 7px;
}

.preview h1{
    font-family: Nevis, Myriad, Arial, sans-serif;
}

.preview, .preview h2,
#mainContent .preview, #mainContent .preview h2{
    font-family:  Myriad, Arial, sans-serif;
}

.preview h1{
    margin: 2px 0;
    font-size: 24px;
}

.preview h2{
    margin: 2px 0;
    font-size: 16px;
}

.preview .subtitle{
    font-size: 14px;
    font-style: italic;
    color: #555;
    margin-bottom: 4px;
}

.preview .button{
    text-align: center;
    padding: 5px 0;
    margin: 0;
    margin-bottom: 10px;
    width: 150px;
}

.preview .buttonLight{
    text-align: center;
    padding: 5px 0;
    margin: 0;
    width: 150px;
}

.preview .doubleButton{
    width: 310px;
    margin: 0 5px;
}

.preview textarea{
    min-width: 370px;
    max-width: 370px;
    min-height: 60px;
    margin: 5px 0;
}
.manage table{
    width: 100%;
}
.manage input, .manage select{
    width: 100%;
}

.rounded_corners{
    padding: 10px;
    margin: 10px 0;
    border: #cececf 1px solid;
    border-radius: 5px;
}

/*For the date picker class, fixing up the hover stuff*/
.mtz-monthpicker-month:hover{
    background: #1e6eb0 !important;
    color: white !important;
}

.mtz-monthpicker-month.ui-state-disabled:hover{
    background: inherit !important;
    color: inherit !important;
}

.datepick{
    width: 200px;
    margin: 2px auto;
}

.no_tb_margin{
    margin: 5px 0;
}

#logo_image{
    width: 976px;
    padding: 0 3px;
}

.meal_preview{
    display: block;
    margin: 5px 5px 15px !important;
    overflow: hidden;
    border: 1px solid #86acd4;
    padding: 0;
    border-radius: 3px;
}

.meal_preview:last-child{
    margin-bottom: 5px !important;
}


.meal_preview h1{
    color: white;
    background: #7db9e8; /* Old browsers */
    background: -moz-linear-gradient(top,  #1e5799 0%, #326CAA 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(100%,#326CAA)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #1e5799 0%,#326CAA 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #1e5799 0%,#326CAA 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #1e5799 0%,#326CAA 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #1e5799 0%,#326CAA 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#326CAA',GradientType=0 ); /* IE6-9 */
    font-size: 20px;
    padding: 5px;
    margin: 0 !important;
    font-weight: bold;
    border-bottom: 1px solid #86acd4;
}

.meal_preview ul{
    list-style: none;
    padding: 0;
    margin: 0;
}
.meal_preview ul li{
    padding: 5px;
    font-size: 16px;
    background: #f2f7fd;
    color: #233b52;
    border-bottom: 1px solid #86acd4;
}

.meal_preview ul li.warning{
    background: #f3d3d3 !important;
    color: #a03737 !important;
    border-bottom: none !important;
    font-weight: bold !important;
}

.meal_preview ul li:last-child{
    border-bottom: none;
}

.meal_preview.stats{
    border: 1px solid #486a93;
    margin: 0;
}

.meal_preview.stats h1{
    background: #486a93; /* Old browsers */
    background: -moz-linear-gradient(top, #486a93 0%, #44587f 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#486a93), color-stop(100%,#44587f)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #486a93 0%,#44587f 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #486a93 0%,#44587f 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #486a93 0%,#44587f 100%); /* IE10+ */
    background: linear-gradient(to bottom, #486a93 0%,#44587f 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#486a93', endColorstr='#44587f',GradientType=0 ); /* IE6-9 */
    border-bottom: 1px solid #486a93;
}

.meal_preview.stats ul li{
    padding: 5px;
    font-size: 16px;
    font-weight: bold;
    color: #233b52;
}

.heading_title{
    font-family: Agency FB, Arial, sans-serif;
    color: white;
    font-size: 50px;
    padding-left: 10px;
    text-shadow: 1px 1px 10px rgba(0,0,0,0.5);
    filter: dropshadow(color=rgba(0,0,0,0.5), offx=1, offy=1);
    padding-top: 30px;
    height: 70px;
    
    background: url(ui/header.png);
    display: block;
    margin: 0;
    
    border-radius: 5px;
    
    background-repeat: no-repeat;
    
    text-align: left;
    margin: 0 10px 10px;
}

#order_days{
    width: 100%;
    margin: 5px 0 5px auto;
    border-collapse: collapse;
    padding: 0;
}
#order_days td{
    color: #4d4f51;
    font-style: italic;
    padding: 5px 0;
    border-top: #cbcbcf 1px solid;
}
#order_days td:last-child{
    text-align: right;
}

.success{
    margin-top: 8px;
    font-weight: bold;
    background: #c8d6f3;
    border-radius: 5px;
    padding: 1px;
    border: 1px solid #204eaf;
    color: #204eaf !important;
}

#input_password{
    text-align: center;
    font-size: 30px;
}